@charset "UTF-8";
@import "../font.css";
@import "../_colors.css";
@import "../miniui.css";
@import "../flex.css";
/* 隐藏滚动条但可滚动 */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

body {
  padding: 0;
  margin: 0;
}

/* 头部区域 */
.bigScreenHeader {
  width: 100%;
  height: 5.6849315068vh;
  background: url("../../../images/bigSreenHeaderBg.png") no-repeat center center;
  background-size: 100% 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
.bigScreenHeader .header-left-box {
  padding-left: 2.0833333333vw;
  height: 100%;
}
.bigScreenHeader .header-left-box img {
  width: 10.4166666667vw;
  height: 4.6575342466vh;
  display: block;
}
.bigScreenHeader .header-left-box h3 {
  font-size: 1.5625vw;
  color: #fff;
  margin: 0 0 0 0.4166666667vw;
  font-family: "YouSheBiaoTiHei";
  font-weight: 300;
}
.bigScreenHeader .header-right-box {
  margin-right: 1.3020833333vw;
  height: 100%;
}
.bigScreenHeader .header-right-box .header-right-btn {
  position: absolute;
  right: 16.6666666667vw;
  top: 1.7808219178vh;
}
.bigScreenHeader .header-right-box .header-right-btn a {
  display: block;
  width: 11.40625vw;
  height: 3.4246575342vh;
  background: url("../../../images/headerBtnBg.png") no-repeat center center;
  background-size: 100% 100%;
  text-align: center;
  line-height: 3.4246575342vh;
  font-size: 1.0416666667vw;
  text-decoration: none;
  color: #fff;
}
.bigScreenHeader .header-right-box .header-right-btn a.active {
  background-image: url("../../../images/headerBtnBgActive.png");
  font-weight: 500;
  color: #92fcfd;
}
.bigScreenHeader .header-right-box .header-right-time {
  line-height: 5.6849315068vh;
  font-size: 1.0416666667vw;
  color: #dee5f8;
  float: right;
}

.bigScreenHeaderDiv {
  height: 6.0273972603vh;
}

/* 内容区域 */
.contentMain {
  padding: 2.4657534247vh 1.875vw 3.6301369863vh;
}
.contentMain .contentBox {
  height: 100%;
}
.contentMain .contentBox .chunk-box-one .box-one-left {
  width: 61.9791666667vw;
  float: left;
}
.contentMain .contentBox .chunk-box-one .box-one-right {
  width: 32.3958333333vw;
  float: right;
}
.contentMain .contentBox .chunk-box-two .box-two-left {
  width: 61.9791666667vw;
  float: left;
}
.contentMain .contentBox .chunk-box-two .box-two-left .two-left-one {
  width: 30.2083333333vw;
  float: left;
}
.contentMain .contentBox .chunk-box-two .box-two-left .two-left-two {
  width: 30.2083333333vw;
  float: right;
}
.contentMain .contentBox .chunk-box-two .box-two-right {
  width: 32.3958333333vw;
  float: right;
}

/* 统一标题 */
.titleBox {
  background: url("../../../images/subTitleBg.png") no-repeat 1.7708333333vw 0.4109589041vh;
  background-size: auto 100%;
  height: 2.7397260274vh;
  line-height: 2.1917808219vh;
  font-size: 0.9375vw;
  padding-top: 0.0684931507vh;
  color: #fff;
}
.titleBox img {
  display: block;
}
.titleBox img:first-of-type {
  margin-right: 0.6770833333vw;
  width: 1.1458333333vw;
  height: 1.6438356164vh;
}
.titleBox img:nth-of-type(2) {
  margin-left: 0.5208333333vw;
  width: 6.3020833333vw;
  height: 0.6849315068vh;
}

/* 统一容器边框 */
.gradient-border {
  position: relative;
  border: 0.1369863014vh solid transparent;
  -o-border-image: linear-gradient(to bottom, #0082ff, rgba(0, 178, 213, 0.8)) 1;
     border-image: -webkit-gradient(linear, left top, left bottom, from(#0082ff), to(rgba(0, 178, 213, 0.8))) 1;
     border-image: linear-gradient(to bottom, #0082ff, rgba(0, 178, 213, 0.8)) 1;
}

/* 四角小正方形 */
.complete-square {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #ab9f24;
  border: 1px solid #ab9f24;
}

.square-tl {
  top: -4px;
  left: -4px;
}

.square-tr {
  top: -4px;
  right: -4px;
}

.square-bl {
  bottom: -4px;
  left: -4px;
}

.square-br {
  bottom: -4px;
  right: -4px;
}

/* 内容容器 */
.main-container {
  padding: 1.0273972603vh;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main-container .main-content {
  height: calc(100% - 2.7397260274vh);
}

.chart-container {
  height: 100%;
}

.h290 {
  height: 19.8630136986vh;
}

.h185 {
  height: 12.6712328767vh;
}

.h421 {
  height: 28.8356164384vh;
}

.h320 {
  height: 21.9178082192vh;
}

.h286 {
  height: 19.5890410959vh;
}

.mb {
  margin-bottom: 1.9178082192vh;
}

.situationBox {
  padding: 0 1.5625vw;
}

.realTimeOverviewMain {
  -webkit-box-shadow: inset 0px 1.4383561644vh 3.4246575342vh 0px rgba(0, 97, 191, 0.35);
          box-shadow: inset 0px 1.4383561644vh 3.4246575342vh 0px rgba(0, 97, 191, 0.35);
  height: 41.7808219178vh;
}
.realTimeOverviewMain .statisticsListBox {
  margin-top: 1.7808219178vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.3698630137vh 0.78125vw;
}
.realTimeOverviewMain .statisticsListBox .statisticsItemBox {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.2083333333vw;
}
.realTimeOverviewMain .statisticsListBox .statisticsItemBox:nth-of-type(1) {
  width: 30%;
}
.realTimeOverviewMain .statisticsListBox .statisticsItemBox:nth-of-type(2) {
  width: 30%;
}
.realTimeOverviewMain .statisticsListBox .statisticsItemBox:nth-of-type(3) {
  width: 30%;
}
.realTimeOverviewMain .statisticsListBox .statisticsItemBox img {
  width: 3.125vw;
  height: 3.125vw;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.realTimeOverviewMain .statisticsListBox .statisticsItemBox .itemText {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.realTimeOverviewMain .statisticsListBox .statisticsItemBox .itemText .whiteSm {
  font-size: 0.9375vw;
  color: #fff;
  margin-bottom: 0.3424657534vh;
}
.realTimeOverviewMain .statisticsListBox .statisticsItemBox .itemText .numberText {
  font-size: 2.0833333333vw;
}
.realTimeOverviewMain .statisticsListBox .statisticsItemBox .itemText .numberText span {
  font-size: 0.8333333333vw;
  color: #fff;
  font-family: "微软雅黑";
  position: relative;
  top: 0.1369863014vh;
}
.realTimeOverviewMain .windowSituationBox {
  padding-top: 3.0136986301vh;
  padding-left: 0.78125vw;
}
.realTimeOverviewMain .windowSituationBox .windowSituationItem {
  overflow: hidden;
  margin-bottom: 1.0273972603vh;
}
.realTimeOverviewMain .windowSituationBox .windowSituationItem > span {
  width: 4.1666666667vw;
  float: left;
  font-size: 0.9375vw;
  line-height: 2.1917808219vh;
  color: #fff;
  display: block;
}
.realTimeOverviewMain .windowSituationBox .windowSituationItem > div {
  width: calc(100% - 4.1666666667vw);
  float: left;
}
.realTimeOverviewMain .windowSituationBox .windowSituationItem > div em {
  display: block;
  height: 2.1917808219vh;
  line-height: 2.1917808219vh;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(42, 189, 255, 0.34)), to(rgba(0, 97, 190, 0.34)));
  background: linear-gradient(180deg, rgba(42, 189, 255, 0.34) 50%, rgba(0, 97, 190, 0.34) 100%);
  font-size: 0.7291666667vw;
  color: #fff;
  padding: 0 0.625vw;
  margin-left: 0.625vw;
  margin-bottom: 0.8219178082vh;
  font-style: normal;
}

.numberText {
  font-family: "ZhengQingKeHuangYouTi";
  font-size: 1.5625vw;
  line-height: 2.0547945205vh;
  margin-top: 1.095890411vh;
  color: #66ffff;
}
.numberText span {
  font-family: "ZhengQingKeHuangYouTi";
  color: #fff;
}

.windowSituation {
  padding-left: 0.78125vw;
}
.windowSituation span {
  width: 4.1666666667vw;
  float: left;
  font-size: 0.9375vw;
  line-height: 2.1917808219vh;
  color: #fff;
  display: block;
}
.windowSituation em {
  display: block;
  height: 2.1917808219vh;
  line-height: 2.1917808219vh;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(42, 189, 255, 0.34)), to(rgba(0, 97, 190, 0.34)));
  background: linear-gradient(180deg, rgba(42, 189, 255, 0.34) 50%, rgba(0, 97, 190, 0.34) 100%);
  font-size: 0.7291666667vw;
  color: #fff;
  padding: 0 0.625vw;
  margin-left: 0.625vw;
  margin-bottom: 0.8219178082vh;
  font-style: normal;
}

.bigScreenBody {
  background: url("../../../images/bigSrceenBg.png") no-repeat center center;
  background-size: 105% 105%;
  /* 放大背景图片以避免边缘露出 */
  -webkit-animation: backgroundMove 8s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
          animation: backgroundMove 8s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}

@-webkit-keyframes backgroundMove {
  0% {
    background-position: center top;
  }
  50% {
    background-position: calc(50% + 20px) top;
  }
  100% {
    background-position: calc(50% - 20px) top;
  }
}

@keyframes backgroundMove {
  0% {
    background-position: center top;
  }
  50% {
    background-position: calc(50% + 20px) top;
  }
  100% {
    background-position: calc(50% - 20px) top;
  }
}
.overviewTitle {
  background: url("../../../images/subTitleBg.png") no-repeat 1.7708333333vw center;
  background-size: auto 100%;
  font-size: 1.1458333333vw;
}

/* 滚动数字 */
.total-number {
  height: 6.0273972603vh;
  margin-top: 0;
  padding-top: 1.3698630137vh;
}

#total-number div .innerNumberDiv {
  position: relative;
  width: 3.0729166667vw;
  height: 4.5890410959vh;
  font-weight: bold;
  overflow: hidden;
  display: inline-block;
  margin: 0 0.2083333333vw;
}
#total-number div .innerNumberDiv .nubmerDiv {
  width: 3.0729166667vw;
  height: 4.5890410959vh;
  line-height: 4.7260273973vh;
  text-align: center;
  font-family: "ZhengQingKeHuangYouTi";
  font-size: 2.0833333333vw;
  color: #66ffff;
  -webkit-box-shadow: inset 0px 0.6849315068vh 1.0273972603vh 0px rgba(0, 97, 191, 0.35), inset 0px -0.6849315068vh 1.0273972603vh 0px rgba(0, 97, 191, 0.35);
          box-shadow: inset 0px 0.6849315068vh 1.0273972603vh 0px rgba(0, 97, 191, 0.35), inset 0px -0.6849315068vh 1.0273972603vh 0px rgba(0, 97, 191, 0.35);
  background: url("../../../images/numberBg.png") no-repeat center center;
  background-size: 100% 100%;
  overflow: hidden;
}
#total-number div .innerNumberDiv .nubmerDiv span {
  position: relative;
  top: 0.3424657534vh;
}

.overviewItemText {
  line-height: 1.9178082192vh;
  font-size: 0.7291666667vw;
  color: #fff;
  text-align: left;
}

.overviewItemNum {
  line-height: 1.9178082192vh;
  font-size: 1.3698630137vh;
  color: #4bc7ff;
  text-align: left;
}

.overviewItemNum span {
  margin-left: 0.5479452055vh;
  color: #fff;
}

/* 数字滚动动画 */
.number-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.number-scroll .digit {
  position: relative;
  overflow: hidden;
}
.number-scroll .digit .digit-list {
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.number-scroll .digit .digit-list .digit-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*本月数据统计*/
.quantitativeMain {
  overflow: hidden;
  padding-left: 2.5342465753vh;
  line-height: 1.7808219178vh;
}
.quantitativeMain .quantitativeItem {
  float: left;
  width: 50%;
  margin-bottom: 0.8219178082vh;
}
.quantitativeMain .quantitativeItem .itemText {
  font-size: 0.7291666667vw;
  color: #fff;
}
.quantitativeMain .quantitativeItem .itemNum {
  font-size: 1.0416666667vw;
  color: #4bc7ff;
}
.quantitativeMain .quantitativeItem .itemNum span {
  font-size: 0.625vw;
  color: #fff;
}

/* 近7日热门服务事项TOP5 */
.topListBox .topItemBox .textBox img {
  width: 1.875vw;
  height: 2.7397260274vh;
  display: block;
  position: relative;
  top: 0.1369863014vh;
}
.topListBox .topItemBox .textBox span {
  font-size: 0.8333333333vw;
  color: #fff;
  margin-left: 0.5208333333vw;
}
.topListBox .topItemBox .textBox em {
  font-size: 0.7291666667vw;
  color: #fff;
  font-style: normal;
}
.topListBox .topItemBox .processBox {
  width: 100%;
  height: 0.2739726027vh;
  border-radius: 0.2739726027vh;
  background: rgba(255, 255, 255, 0.16);
  margin-top: 0.3424657534vh;
}
.topListBox .topItemBox .processBox > div {
  height: 0.2739726027vh;
  background: -webkit-gradient(linear, right top, left top, from(#d15467), to(#ec8ca1));
  background: linear-gradient(270deg, #d15467 0%, #ec8ca1 100%);
  position: relative;
  border-radius: 0.2739726027vh;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.topListBox .topItemBox .processBox > div::after {
  content: "";
  display: block;
  width: 0.3125vw;
  height: 0.4109589041vh;
  background: #ec8ba0;
  -webkit-box-shadow: 0px 0px 5px 0px #ec8ba0, 0px 0px 1px 0px rgba(255, 255, 255, 0.5);
          box-shadow: 0px 0px 5px 0px #ec8ba0, 0px 0px 1px 0px rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.2054794521vh;
  border-radius: 50%;
}
.topListBox .topItemBox:nth-child(2) .processBox > div {
  background: -webkit-gradient(linear, right top, left top, from(#ed9b44), to(#f2c07c));
  background: linear-gradient(270deg, #ed9b44 0%, #f2c07c 100%);
}
.topListBox .topItemBox:nth-child(2) .processBox > div::after {
  background: #f2c07b;
  -webkit-box-shadow: 0px 0px 5px 0px #f2c07b, 0px 0px 1px 0px rgba(255, 255, 255, 0.5);
          box-shadow: 0px 0px 5px 0px #f2c07b, 0px 0px 1px 0px rgba(255, 255, 255, 0.5);
}
.topListBox .topItemBox:nth-child(3) .processBox > div {
  background: -webkit-gradient(linear, right top, left top, from(#77efa4), to(#befde3));
  background: linear-gradient(270deg, #77efa4 0%, #befde3 100%);
}
.topListBox .topItemBox:nth-child(3) .processBox > div::after {
  background: #befde3;
  -webkit-box-shadow: 0px 0px 5px 0px #befde3, 0px 0px 1px 0px rgba(255, 255, 255, 0.5);
          box-shadow: 0px 0px 5px 0px #befde3, 0px 0px 1px 0px rgba(255, 255, 255, 0.5);
}
.topListBox .topItemBox:nth-child(4) .processBox > div {
  background: -webkit-gradient(linear, right top, left top, from(#77ebfa), to(#baf7fd));
  background: linear-gradient(270deg, #77ebfa 0%, #baf7fd 100%);
}
.topListBox .topItemBox:nth-child(4) .processBox > div::after {
  background: #baf7fd;
  -webkit-box-shadow: 0px 0px 5px 0px #baf7fd, 0px 0px 1px 0px rgba(255, 255, 255, 0.5);
          box-shadow: 0px 0px 5px 0px #baf7fd, 0px 0px 1px 0px rgba(255, 255, 255, 0.5);
}
.topListBox .topItemBox:nth-child(5) .processBox > div {
  background: -webkit-gradient(linear, right top, left top, from(#873ef4), to(#d8aaf9));
  background: linear-gradient(270deg, #873ef4 0%, #d8aaf9 100%);
}
.topListBox .topItemBox:nth-child(5) .processBox > div::after {
  background: #d7aaf9;
  -webkit-box-shadow: 0px 0px 5px 0px #d7aaf9, 0px 0px 1px 0px rgba(255, 255, 255, 0.5);
          box-shadow: 0px 0px 5px 0px #d7aaf9, 0px 0px 1px 0px rgba(255, 255, 255, 0.5);
}

/* 本月数据统计 */
.quantitativeBox {
  padding-top: 0.6849315068vh;
}
.quantitativeBox .quantitativeItem {
  width: 50%;
  float: left;
  margin-top: 1.7808219178vh;
  padding-left: 1.25vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.quantitativeBox .quantitativeItem:nth-of-type(5), .quantitativeBox .quantitativeItem:nth-of-type(6) {
  margin-bottom: 0;
}
.quantitativeBox .quantitativeItem img {
  width: 2.9166666667vw;
  height: 4.5205479452vh;
  display: block;
  margin-right: 0.7291666667vw;
}
.quantitativeBox .quantitativeItem .infoBox .itemText {
  font-size: 0.8333333333vw;
  color: #fff;
}
.quantitativeBox .quantitativeItem .infoBox .itemNum {
  font-size: 1.5625vw;
  color: #92fcfd;
  font-family: "ZhengQingKeHuangYouTi";
  margin-top: 0.6849315068vh;
}
.quantitativeBox .quantitativeItem .infoBox .itemNum span {
  font-size: 0.8333333333vw;
  color: #fff;
  margin-left: 0.2604166667vw;
  font-family: "微软雅黑";
  position: relative;
  top: 0.1369863014vh;
}

/* 滚动卡片样式 */
.corner-border {
  position: relative;
}
.corner-border .corner-border-top-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  border-top: 0.15625vw solid #0082ff;
  border-left: 0.15625vw solid #0082ff;
}
.corner-border .corner-border-top-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-top: 0.15625vw solid #0082ff;
  border-right: 0.15625vw solid #0082ff;
}
.corner-border .corner-border-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 10px;
  height: 10px;
  border-bottom: 0.15625vw solid #0082ff;
  border-left: 0.15625vw solid #0082ff;
}
.corner-border .corner-border-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-bottom: 0.15625vw solid #0082ff;
  border-right: 0.15625vw solid #0082ff;
}

.scroll-cards-container {
  width: 100%;
  height: 27.6712328767vh;
  overflow: hidden;
  margin-top: 1.3698630137vh;
  position: relative;
}

.scroll-cards-wrapper {
  -webkit-animation: scroll-cards-vertical 30s linear infinite;
          animation: scroll-cards-vertical 30s linear infinite;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.service-card {
  width: calc(25% - 1.09375vw);
  margin-right: 1.4583333333vw;
  margin-bottom: 1.9178082192vh;
  border-radius: 0.4166666667vw;
  padding: 0.8219178082vh 0.625vw 0.4109589041vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  position: relative;
  background: #072468;
  -webkit-box-shadow: inset 0 0 1.0416666667vw 0 #0B4893;
  box-shadow: inset 0 0 1.0416666667vw 0 #0B4893;
}
.service-card:nth-of-type(4n) {
  margin-right: 0;
}

.card-header {
  font-size: 0.7291666667vw;
  color: #66ffff;
  font-weight: bold;
  margin-bottom: 0.6849315068vh;
  padding-bottom: 0.5479452055vh;
  border-bottom: 1px solid rgba(102, 255, 255, 0.2);
  overflow: hidden;
}
.card-header .window-number {
  width: 2.3958333333vw;
  height: 1.6438356164vh;
  background: #546BEC;
  font-size: 0.625vw;
  color: #fff;
  border-radius: 0.1041666667vw;
  text-align: center;
  line-height: 1.6438356164vh;
  float: left;
}
.card-header .service-name {
  width: calc(100% - 6.25vw);
  line-height: 1.6438356164vh;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8333333333vw;
  color: #fff;
  margin-left: 0.5208333333vw;
  float: left;
}
.card-header span {
  display: block;
  width: 2.9166666667vw;
  height: 1.3698630137vh;
  font-size: 0.625vw;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  float: right;
  border: 0.0520833333vw solid #C6EED4;
  border-radius: 0.2083333333vw;
  text-align: center;
  line-height: 1.3698630137vh;
  color: #C6EED4;
  margin-top: 0.1369863014vh;
}
.card-header span.stop {
  color: gray;
}

.card-content {
  margin-bottom: 0.5479452055vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.card-content .card-row span {
  display: block;
}
.card-content .card-row .label {
  font-size: 0.7291666667vw;
  color: #fff;
}
.card-content .card-row .value {
  font-size: 1.0416666667vw;
  font-family: "ZhengQingKeHuangYouTi";
  color: #FCED5A;
  margin-top: 0.6849315068vh;
}
.card-content .card-row:first-of-type .value {
  color: #92FCFD;
}
.card-content .card-row:nth-of-type(3) .value {
  color: #fff;
}

@-webkit-keyframes scroll-cards-vertical {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@keyframes scroll-cards-vertical {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.scroll-cards-wrapper:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}/*# sourceMappingURL=sjksh.css.map */